@gridCount:12;
@gridColumnWidth:60;
@gridGutterWidth:22;
@gridRowWidth:@gridColumnWidth*@gridCount+@gridGutterWidth*(@gridCount - 1);
@fluidGridColumnWidth:percentage(@gridColumnWidth/@gridRowWidth);
@fluidGridGutterWidth:percentage(@gridGutterWidth/@gridRowWidth);
.spanX(@index) when (@index>0){
  .g-row .span@{index}{.span(@index)}
  .spanX(@index - 1);
};
.span(@index){width:(@fluidGridColumnWidth*@index)+(@fluidGridGutterWidth*(@index - 1));};
.spanX(@gridCount);

.border-radius(@radius){border-radius:@radius;}
.rem(@size){font-size:@size/16;}
/**function**/
.f-clr{*zoom:1;}
.f-clr:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";};
.f-fl{float:left;}
.f-fr{float:right;}
/**layer**/
.g-row{width: 100%;*zoom: 1;}
.g-row [class*="span"]{display:block;float:left;margin-left:@fluidGridGutterWidth;}
.g-row [class*="span"]:first-child{margin-left:0;}
.g-w{width:960px;margin:0 auto;}
.g-hd{height:35px;margin:20px 0;}
.m-nav li{float:left;line-height:35px;margin-left:20px;}
.m-sch{position:relative;}
.m-sch .txt{width:90%;height:23px}
.m-sch .btn{position:absolute;right:0;top:0;width:35px;height:35px}
.m-ant a{display:block;float:right;width:60px;margin:5px 0 0 20px;line-height:25px;text-align:center;}
.m-ant .btn-reg{background:#b24422;color:#fff;}
.m-ant .btn-login{}
.m-fus{height:250px;background:#fff;}
.m-fus .detail{padding:20px 20px 20px 0;}
.m-fus .detail dt{.rem(20rem);}
.m-fus .detail dd{margin-top:10px;line-height:1.8;color:#6a6a6a;}
.m-fus .detail .more:hover{background:#fff;}
.m-fus .detail img{width:20px;height:20px;background:url('/html/image/icons.png') no-repeat 0 -10px;}
.m-fus .detail .author{.rem(12rem);}
.m-top h3,.m-hot h3,.m-tl h3,.m-fl h3{margin:15px 0;font-weight:normal;line-height:25px;}
.m-top .title,.m-hot .title,.m-tl .title,.m-fl .title{.rem(14rem);}
.m-top .more,.m-hot .more,.m-tl .more,.m-fl .more{margin-left:15px;.rem(12rem);}
.m-top .list{}
.m-top .list li{margin-bottom:15px;}
.m-top .list .info{margin-top:5px;}
.m-hot li{margin-bottom:5px;padding:25px 15px;background:#fff;}
.m-hot .avatar{max-width:48px;max-height:48px;.border-radius(50px);}
.m-hot .info{width:86%;}
.m-hot .info .title{margin:8px 0;.rem(15rem);}
.m-hot .info .author{.rem(12rem);color:#6a6a6a;}
.m-hot .info .detail{margin-top:8px;line-height:25px;color:#6a6a6a;}
.m-lk{padding:25px 20px;background:#e8e6e3;}
.m-lk dl{margin-bottom:30px;padding-left:65px;line-height:25px;}
.m-lk dt{}
.m-lk dd{.rem(12rem);}
.m-lk .love{background:url('/html/image/icon.png') no-repeat 0 center;}
.m-lk .edit{background:url('/html/image/pen.png') no-repeat 0 center;}
.m-lk .count{.rem(12rem);color:#6a6a6a;}
.m-lk .login{height:40px;}
.m-lk .login i{display:inline-block;width:36px; height:36px; vertical-align: middle; background:url('/html/image/login1.png') no-repeat 0 center;}
.m-lk .login .icon-qq{background-position:0 0;}
.m-lk .login .icon-weibo{background-position:-36px 0;}
.m-lk .login .icon-tao{background-position:-72px 0;}
.m-lk .login .icon-t{background-position:-108px 0;}
.m-tl .list li{margin-bottom:15px;}
.m-ad{padding-bottom:5px;}
.g-ft{padding:15px 0;.rem(12rem);}
@media screen and (max-width:959px){
  .g-w{width:100%;}
  .g-w .g-mn{width:100%;}
  .g-w .g-sd{display:none;}
}